<template>
    <div>
        <h1>事件处理与ts</h1>
        <!-- <input type="text" @change="getValue($event)" > -->
        <input ref="inputDom" type="text" @change="getValue($event)" >
    </div>
</template>

<script setup lang="ts">
import { onMounted, ref } from 'vue'
import axios from 'axios'
import  _ from 'lodash'

/**
 * 1.通过$event查看事件对象的类型
 * 2.通过document.querySelector('input').__proto__,获取某个html元素类型
 */
const getValue=(e:Event)=>{
    // 加了类型后就有智能提示了,比如说stopPropagation阻止事件冒泡
    // e.stopPropagation()
    console.log('获取输入框的值:',(e.target as HTMLInputElement).value)
}


// 获取dom对象
const inputDom = ref<HTMLInputElement>()

onMounted(()=>{
    inputDom.value?.focus()
})

// ts已经准备好js所有内置对象的类型
let arr = [1,2,3]
arr.filter

axios.post

console.log(_.isArray([]))


</script>

<style scoped>

</style>